<script>
export default {
  name: 'person'
}
</script>
<script setup>
import BaseInfo from '@/views/person/cpns/baseInfo.vue'
import PerspnInfo from '@/views/person/cpns/perspnInfo.vue'
import useLoginStore from '@/store/user/index.js'
import { storeToRefs } from 'pinia'
import { computed } from 'vue'

const loginStore = useLoginStore()
loginStore.getUserInfoAction()
const { personInfo } = storeToRefs(loginStore)
const person = computed(() => personInfo.value)
console.log('person', person)
</script>

<template>
  <div class="person">
    <el-row>
      <el-col :span="7">
        <perspn-info :person-info="person" />
      </el-col>
      <el-col :span="17">
        <base-info :person-base-info="person" />
      </el-col>
    </el-row>
  </div>
</template>

<style scoped lang="less">
.person {
}
</style>
